/* ── Custom properties ──────────────────────────────────── */
:host {
--enviso-primary-color: #43D9EC;
--enviso-secondary-color: #111111;
--enviso-tertiary-color: #F8F3EC;
}
/* ── Card host: remove default white card look ───────────── */
:host(:has(section.enviso-offer-card)) {
background: #111111;
box-shadow: none;
border-radius: 20px;
overflow: hidden;
}
/* ── Card section: make it a positioned container ────────── */
section.enviso-offer-card {
position: relative;
display: block;
aspect-ratio: 4 / 3;
overflow: hidden;
border-radius: 20px;
}
/* ── Image container fills the full card ─────────────────── */
.enviso-offer-availability-picture {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
/* ── Image itself fills its container ───────────────────── */
span.enviso-offer-picture {
position: absolute;
inset: 0;
width: 100% !important;
height: 100% !important;
aspect-ratio: unset !important;
border-radius: 0;
}
/* ── Gradient overlay sits above the image ───────────────── */
.enviso-offer-availability-picture::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.88) 0%,
rgba(0, 0, 0, 0.45) 45%,
rgba(0, 0, 0, 0) 75%
);
pointer-events: none;
z-index: 1;
}
/* ── Text info block: pinned above the buttons ───────────── */
.enviso-offer-info {
position: absolute;
bottom: 3.25em;
left: 0;
right: 0;
padding: 0 0.85em 0.25em;
min-height: unset;
z-index: 2;
}
header.enviso-offer-name > span {
color: #ffffff;
font-size: 1.1em;
}
summary.enviso-offer-details > span {
color: rgba(255, 255, 255, 0.75);
}
p.enviso-offer-short-description > span {
color: rgba(255, 255, 255, 0.7);
}
.enviso-btn.primary {
color: #000;
}
/* ── Action buttons: pinned at the bottom ────────────────── */
nav.enviso-offer-actions {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
border-top: none;
padding: 0 0.75em 0.65em;
gap: 0.5em;
background: transparent;
}
nav.enviso-offer-actions > enviso-button {
color: #fff;
border: 2px solid rgba(255, 255, 255, 0.75) !important;
border-radius: 99em !important;
font-family: "Maison Neue Demi", Arial, sans-serif;
background: rgba(0, 0, 0, 0);
backdrop-filter: blur(4px);
height: 2.8em;
font-size: 0.9em;
}
/* override the separator rule so both borders are white */
nav.enviso-offer-actions > enviso-button + enviso-button {
border-left: 1.5px solid rgba(255, 255, 255, 0.75) !important;
}
/* ════════════════════════════════════════════════════════════
UPSELL / CAROUSEL CARD — mirrors the offer card treatment
════════════════════════════════════════════════════════════ */
/* ── Host: strip default card chrome ────────────────────── */
:host(:has(section.enviso-upsell-offer-card)) {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
background: transparent;
box-shadow: none;
border-radius: 20px;
overflow: hidden;
}
/* ── Size the cross-sell card from its parent shadow root ── */
enviso-cross-sell-offer-card {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
max-width: 350px;
}
/* ── Outer section + inner content: single stacking context ─ */
section.enviso-upsell-offer-card {
position: relative;
display: block;
aspect-ratio: 4 / 3;
overflow: hidden;
border-radius: 20px;
width: 100%;
}
.enviso-card-content {
position: absolute;
inset: 0;
display: block;
background: transparent;
box-shadow: none;
border-radius: 20px;
width: 100%;
height: 100%;
overflow: hidden;
}
/* ── Children of card-content: remove their own flex layout ─ */
.enviso-card-content > div {
display: block;
}
/* ── Image fills the card ────────────────────────────────── */
div.enviso-upsell-offer-picture {
position: absolute;
inset: 0;
width: 100% !important;
height: 100% !important;
aspect-ratio: unset !important;
background-size: cover;
background-position: center;
border-radius: 0;
}
/* ── Gradient overlay ────────────────────────────────────── */
div.enviso-upsell-offer-picture::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.88) 0%,
rgba(0, 0, 0, 0.45) 45%,
rgba(0, 0, 0, 0) 75%
);
pointer-events: none;
}
/* ── Title: pinned above the action row ─────────────────── */
header.enviso-offer-name {
position: absolute;
bottom: 3.25em;
left: 0;
right: 0;
margin: 0;
padding: 0 0.85em 0.25em;
z-index: 2;
}
header.enviso-offer-name > span {
color: #ffffff;
font-size: 1.1em;
}
/* ── "Meer info" pill button ─────────────────────────────── */
summary.enviso-offer-details {
z-index: 2;
display: none;
}
summary.enviso-offer-details:has(span:not(:empty)) {
display: inline-flex;
align-items: center;
justify-content: center;
height: 2.8em;
padding: 0 1.2em;
border: 2px solid rgba(255, 255, 255, 0.75);
border-radius: 99em;
background: rgba(0, 0, 0, 0);
backdrop-filter: blur(4px);
cursor: pointer;
}
summary.enviso-offer-details > span {
color: #ffffff;
font-family: "Maison Neue Demi", Arial, sans-serif;
font-size: 0.9em;
text-decoration: none;
}
/* ── Action row: pinned at the bottom ────────────────────── */
.enviso-details-container {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 0 0.75em 0.65em;
background: transparent;
}
/* ── Reset the price/details child div ───────────────────── */
.enviso-details-container > div {
font-size: 1em;
margin: 0;
}
/* ── + icon: strip button chrome, show just the icon ────── */
.enviso-upsell-button {
color: #ffffff !important;
border: none !important;
border-radius: 0 !important;
background: transparent !important;
backdrop-filter: none !important;
box-shadow: none !important;
height: auto !important;
width: auto !important;
min-height: 0 !important;
min-width: 0 !important;
max-width: none !important;
font-size: 2em;
padding: 0 !important;
}
/* ── + icon internals (enviso-button shadow DOM) ─────────── */
:host(.enviso-upsell-button) {
border: none !important;
background: transparent !important;
box-shadow: none !important;
height: auto !important;
width: auto !important;
min-height: 0 !important;
min-width: 0 !important;
max-width: none !important;
padding: 0 !important;
}
:host(.enviso-upsell-button) .enviso-btn {
padding: 0 !important;
width: auto !important;
height: auto !important;
}
:host(.enviso-upsell-button) .enviso-btn.icon-only > enviso-icon {
display: block;
}
:host(.enviso-upsell-button) svg {
fill: #ffffff !important;
}
/* ════════════════════════════════════════════════════════════
CALENDAR — tweak the variables below to restyle the picker
════════════════════════════════════════════════════════════ */
:host {
/* gap between every date cell */
--cal-cell-spacing: 6px;
/* corner rounding on each cell */
--cal-cell-radius: 6px;
/* border colour of available cells */
--cal-cell-border: rgba(0, 0, 0, 0);
/* normal cell background */
--cal-cell-bg: #FFF3E8 !important;
/* disabled / past cell */
--cal-cell-disabled-bg: #f0f0f0;
--cal-cell-disabled-color: #bbbbbb;
/* today highlight colour */
--cal-today-color: #FDD6AF;
/* selected / range cell */
--cal-selected-color: #FDD6AF;
}
/* ── Calendar host: border & radius ─────────────────────── */
:host(:has(table.enviso-month)) {
border: 2px solid var(--cal-today-color);
border-radius: 16px;
overflow: hidden;
}
/* ── Separate cells with configurable gap ─────────────────── */
table.enviso-month {
border-collapse: separate;
border-spacing: var(--cal-cell-spacing);
}
/* ── Square cells
The widget ships height: 3.5em which turns cells into rectangles
once border-spacing eats into the column width.
With table-layout: fixed the browser sets all column widths first,
then aspect-ratio: 1 derives the row height from that width. ── */
.enviso-day {
aspect-ratio: 1 / 1;
}
/* ── Cell base appearance ────────────────────────────────── */
.enviso-dates .enviso-day {
border: 1px solid var(--cal-cell-border) !important;
background-color: var(--cal-cell-bg);
border-radius: var(--cal-cell-radius);
}
/* ── Hover: non-disabled cells get the accent border ────── */
.enviso-dates .enviso-day:not(.enviso-disabled):hover {
border: 2px solid var(--cal-today-color) !important;
}
/* ── State overrides ─────────────────────────────────────── */
.enviso-day.enviso-disabled {
background-color: var(--cal-cell-disabled-bg) !important;
color: var(--cal-cell-disabled-color) !important;
}
.enviso-day.enviso-today {
color: #000000 !important;
position: relative;
}
.enviso-day.enviso-today::after {
content: '';
position: absolute;
bottom: 20%;
left: 50%;
transform: translateX(-50%);
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #000000 !important;
}
.enviso-dates .enviso-day.enviso-selected,
.enviso-dates .enviso-day.enviso-range-start,
.enviso-dates .enviso-day.enviso-range-end {
outline-color: var(--cal-selected-color) !important;
border-color: var(--cal-selected-color) !important;
}
.enviso-dates .enviso-day.enviso-selected {
background-color: var(--cal-selected-color) !important;
}
.enviso-dates .enviso-day.enviso-in-range {
border-color: var(--cal-selected-color) !important;
}
/* ── Timeslot buttons ─────────────────────────────────────── */
.enviso-timeslot-button {
background-color: var(--cal-cell-bg) !important;
border: 1px solid var(--cal-today-color) !important;
border-radius: var(--cal-cell-radius) !important;
color: #000000 !important;
position: relative;
}
:host([selected]) .enviso-timeslot-button {
background-color: var(--cal-today-color) !important;
}
.enviso-timeslot-button::after {
content: '';
width: 0;
height: 0;
}
/* ── Cross-sell timeslots: remove margin-left on mobile ──── */
@media (max-width: 845px) {
.enviso-cross-sell-timeslots-container {
margin-left: 0 !important;
}
}
8 reacties Commentaar van bezoekers
"Ten overslaan van den Notaris H. SCHUYTEN , bij veiling op Donderdag den 11, en bij afslag op Donderdag den 18 Maart 1847, beiden des voormiddags ten 11 ure, Nederlandsch Koffijhuis, bij J. Zahn, te Dordrecht, van eene hechte en sterke BOUWMANSWONING, beslaande in HUIS en SCHUUR, met BOOMGAARD en ERF , staande en gelegen onder Dubbeldam, aan den, Spuiweg , naast de Krispijn , kad. sectie A n°. 206 en 207. Te aanvaarden 1 Mei 1847." Ook een dergelijke aankondiging uit de DC van 15-08-1840 van de herberg zelf (hier gek genoeg weer met een K geschreven): " Door den Notaris HUIBERT STRUYK zal bij veiling, op Zaturdag den 22, en bij afslag op Zaturdag den 29 Augustus 1840, beiden des avonds ten acht ure, in de Sociëteit de Stad Parijs, op de Groenmarkt, te Dordrecht, worden verkocht: De van ouds gerenommeerde HERBERG DE KRISPIJN, bestaande in de Beterschap van een HUIS en ERF, zeer aangenaam gelegen even buiten de stad Dordrecht, aan den Spuiweg, in de gemeente Dubbeldam, sectie A n°. 204 en 205. In Verponding 1840 aangeslagen tot ƒ620 , belast met eene Erfpacht van ƒ 7.00 's jaars. Te aanvaarden 1 November 1840." En dan nog de aankondiging van een veiling in de DC van 08-10-1871: "Publieke Verkoopingen te Dordrecht. VElLlNG. 7 October. Het Erfpachtsregt van een Dijkerf, groot 9 aren, onder Dubbeldam. met Huis en Gevolgen, zijnde de Herberg, genaamd ‚‚ Krispijn." ln trekgeld f 3825, aan J. P. de Landtsheer." De uitkomst van die veiling lees he in de DC van 15-10-1871: "Het Erfpachtsregt van een Dijkerf, groot 9 aren, onder Dubbeldam, met Huis en Gevolgen, zijnde de Herberg, genaamd „Krispijn!“ In Trekgeld f 3825, aan J. P. de Landtsheer. Verkocht voor f 4750, aan F. W. Bossij." Deze Bossij kennen we van een andere herberg. In de DC van 24-11-1871 schrijft hij: "De ondergeteekende geeft bij deze aan zijne geachte Begunstigers kennis, dat hij zijne Herberg het Hof van Holland alhier heeft overgebragt naar de van ouds bekende Herberg CRISPIJN. Hij kan niet nalaten hartelijk dank te zeggen voor de ondersteuning, in zijne Zaak genoten, terwijl hij tevens zijne Nieuwe Onderneming thans ook weder aanbeveelt, belovende ook daar alles te zullen aanwenden, om het altijd zoo ruimschoots ondervonden vertrouwen ten volle waardig te worden. OPENING 26 November 1871. Dordrecht, 23 November 1871." In 1913 wordt de Brouwersdijk door Dr. C. W. TH. baron VAN BOETZELAER Ambachtsheer van Dubbeldam, wonende te de Bilt verkocht aan de Gemeente Dordrecht. Onderstaand een knipsel uit de DC van 24-10-1913: "Onder voorbehoud van de goedkeuring der Gedeputeerde Staten van Zuid-Holland, van den heer Dr. C. W. TH. baron VAN BOETZELAER te de Bilt voor de gemeente aan te koopen den Brouwersdijk, gelegen tusschen den Weeskinderendijk en den Oud Dubbeldamschen dijk nabij Crispijn‚ omvattende: A. de eigendommen, kadastraal bekend Sectie K nummers 1762 en 1402 en Sectie M nummers 1321 en 326, ter gezamenlijke grootte van 2.94.43 H.A., tegen den prijs van f 3100.— per H.A. ; B. den blooten eigendom der kadastrale perceelen van Sectie K nrs. 1399, 1400, 1401, 1403 en 1761 en van Sectie M. nrs. 327, 328, 329, 330 en 383, ter gezamenlijke oppervlakte van 24 A. en 25 c. A., tegen betaling van het naar 4 % gekapitaliseerd bedrag van de jaarlijksche erfpachtsom, bedragende in totaal f 98.20, zijnde alzoo f 2455.——‚ met bepaling, dat de kosten vallende op; koop, verkoop en levering van de eigendommen, bedoeld sub A komen voor rekening van den verkooper en van die bedoeld sub B voor rekening van de gemeente Dordrecht." Wat me opvalt is dat ik hierbij niet het perceelnummer van de herberg erbij zie staan waarvan ik middels een verkoopadvertentie weet (zie rechter kolom: https://proxy.archieven.nl/46/211F86ACF00D46C3A0473DFF2A5FA47D ) dat die A 1396 moet zijn. Sterker nog, op het moment van onteigening in 1923 is het perceelnummer van de herberg M 329. Zie hiervoor de 3e kolom: https://proxy.archieven.nl/46/6C88F883A3BB481BB253A719B7326B41 Jammer dat er zo weinig over bekend is, maar dankzij het gedicht van Joris Kwistenbibel in de rubriek Dordtsche Kiekjes komt het besef naar boven drijven dat we er toch wel wat aan missen nu het er niet meer is. Zie https://proxy.archieven.nl/46/7CB450790ED14FF7939496600722766C
Op MIN08038A01: links 206/207, links van de poort van Stadtvliet, maar staand zoals jij zo mooi zegt 'in de oksel van' de Spuiweg en de Brouwersdijk 204/205 (Herberg Crispijn). Dan op MIN08038A02: Dan het pand achter de poort van Stadtvliet, (wat verder naar achteren gelegen) en als laatste het pand rechts van de poort, beiden op perceel 328, ten oosten van de Spuiweg.